<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/re-lo.css">
    <title>登录</title>
    <style>
        .box {
            height: 415px;
            margin-top: 170px;
        }
        
        .box #error_pwd,
        #error_name,
        #c_error_name,
        #c_error_pwd,
        #error_newpwd,
        #error_rep_pwd,
        span {
            color: red;
        }
        
        .box label {
            float: right;
            height: 20px;
            font-size: 14px;
        }
        
        .box label input {
            display: inline-block;
            width: 16px;
            height: 16px;
            margin: 5px;
        }
        
        .box #error_pwd {
            margin-left: 50px;
        }
        
        .change_box {
            height: 510px;
        }
        
        .change_box input {
            width: 280px;
        }
    </style>
</head>

<body>
    <div class="told" style="display: none;">
        <button id="toldClose">关闭</button>
        <p id="toTold">error</p>
    </div>
    <div class="box" id="Box">
        <h1>登 录</h1>
        账号：
        <input type="text" id="username" name="username" placeholder="含字母和数字8-16位"><span id="error"></span>
        <div id="error_name"></div>
        密码：
        <input type="password" id="password" name="password" placeholder="含字母和数字，8-16位">
        <label><input type="checkbox" id="remember" checked="checked">记住密码</label>
        <label style="float: left;"><input type="checkbox" id="unlog" checked="checked">七天免登录</label>
        <div id="error_pwd"></div>
        <input type="submit" id="login" name="login" value="登 录">
        <input type="submit" id="toRegister" name="toRegister" value="没有账号？去注册" onclick="location.href='register.html'">
        <br>
        <a onclick="return false;" id="changesPwd" name="changesPwd">修改密码</a>
    </div>
    <div class="change_box" id="changesBox" style="display: none;">
        <h1>修改密码</h1>
        账号：
        <input type="text" id="c_username" name="c_username" placeholder="含字母和数字8-16位">
        <div id="c_error_name"></div>
        原密码：
        <input type="password" id="c_password" name="c_password" placeholder="含字母和数字，8-16位">
        <div id="c_error_pwd"></div>
        新密码：
        <input type="password" id="newpassword" name="newpassword" placeholder="含字母和数字，8-16位">
        <div id="error_newpwd"></div>
        确认密码：
        <input type="password" id="rep_pwd" name="rep_pwd" placeholder="含字母和数字，8-16位">
        <div id="error_rep_pwd"></div>
        <input type="submit" id="confirm" name="confirm" value="确 认"> <a onclick="return false;" id="turnToLogin" name="turnToLogin">去登录</a>
    </div>
    <script type="text/javascript" src="../js/login.js"></script>
    <script type="text/javascript" src="../js/jump.js"></script>

</body>

</html>